<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="旅游,三峡，厦门，滇池" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
		<title>首 页</title>
		<link rel="stylesheet" href="../../../swiper-4.4.1/dist/css/swiper.min.css" />
		<link rel="stylesheet" href="../../../css/div_cut.css" />
		<link rel="stylesheet" href="../../../css/app/index.css" />
		<link rel="stylesheet" href="../../../css/common.css" />
		
		<!--<link rel="stylesheet" href="../../../css/app/common/daohang/daohang.css" />-->

		<script type="text/javascript" src="../../../js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="../../../swiper-4.4.1/dist/js/swiper.min.js"></script>
		<script type="text/javascript" src="../../../js/div_cut.js"></script>
			<script type="text/javascript" src="../../../js/comment.js"></script>
			<script type="text/javascript" src="../../../js/app/index.js"></script>
		
	</head>

	<body>
		<div class="wrap">
			<!--<link rel="stylesheet" href="../../../css/common.css" />
			<script type="text/javascript" src="../../../js/comment.js"></script>-->
			<!--<跳转顶部连接点>-->
			<div id="thd"></div>
			<!--小火箭-->
			<div class="back">
				<a href="#thd"><img src="../../../img/app/community_ljw/menu/up.png"/></a>
			</div>
			<!---->
			<div class="header_banner">
				<div class="banner11">
					<!--轮播图图片-->
					<div class="swiper-container banner_1">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><img src="../../../img/app/index/banner.jpg" /></div>
							<div class="swiper-slide"><img src="../../../img/app/index/banner.jpg" /></div>
							<div class="swiper-slide"><img src="../../../img/app/index/banner.jpg" /></div>
							<div class="swiper-slide"><img src="../../../img/app/index/banner.jpg" /></div>

						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination"></div>
					</div>
				</div>

				<div class="search_ysy">
				<div class="search1_ysy">
					<div class="befor_ysy">
						<div class="location_ysy">
							<div class="location_ysy_img" onclick="showCity()">
								<img src="../../../img/app/location.png"/>
							</div>
							<a class="location_ysy_name" href="#" style="color: #FFFFFF;">昆明市</a>
						</div>
						<!--<div class="city_down" id="citys">
							<ul>
								<li onclick="hideCity(this)">北京</li>
								<li onclick="hideCity(this)">深圳</li>
								<li onclick="hideCity(this)">上海</li>
								<li onclick="hideCity(this)">南京</li>
							</ul>
						</div>-->
						
						
						<div class="shuru1_ysy">
							<div class="shuru1_ysy_img">
								<img src="../../../img/app/famous_person/top/search01.png"/>
							</div>
							
							<div class="shuru1_ysy_input">
								<input class="int" type="text" value=""  placeholder="搜索目的地/价格/时间"/>							
							</div>
						</div>
					</div>
					<!--<div class="message_ysy">
						<img src="../../../img/app/famous_person/top/message.png" />
					</div>-->
				</div>
			</div>
			
				<div class="title_content">
					<div class="ysy"><img class="laba" src="../../../img/app/index/horn.png" /></div>
					<div class="ysy_1">
						<ul id="scrollnews" style="height:20px;line-height:20px;overflow:hidden;list-style:none;margin:0px;padding:0px;margin-top:1vw ;margin-left: 1vw;">
							<li>
								<a href="#" title=" " target="_blank" style="margin:0px;padding:0px;text-decoration:none;color: #666565;">研学淘招募区域合作人啦，有意的朋友看过来！</a>
							</li>
							<li>
								<a href="#" title=" " target="_blank" style="margin:0px;padding:0px;text-decoration:none;color: #666565">研学淘招募区域合作人啦，有意的朋友看过来！</a>
							</li>
							<li>
								<a href="#" title=" " target="_blank" style="margin:0px;padding:0px;text-decoration:none;color: #666565">研学淘招募区域合作人啦，有意的朋友看过来！</a>
							</li>
						</ul>
						<!--<script type="text/javascript">
							var scrollnews = document.getElementById('scrollnews');
							var lis = scrollnews.getElementsByTagName('li');
							var ml = 0;
							var timer1 = setInterval(function() {
								var liHeight = lis[0].offsetHeight;
								var timer2 = setInterval(function() {
									scrollnews.scrollTop = (++ml);
									if(ml == liHeight) {
										clearInterval(timer2);
										scrollnews.scrollTop = 0;
										ml = 0;
										lis[0].parentNode.appendChild(lis[0]);
									}
								}, 10);
							}, 5000);
						</script>-->
					</div>
				</div>
				</span>
				<!--功能列表-->
				<ul class="condition_list">
					<li>
						<img src="../../../img/app/index/studies.png" />
						<span>研学课堂</span>
					</li>
					<li>
						<img src="../../../img/app/index/Specialty.png" />
						<span>特长培训</span>
					</li>
					<li class="gyzx_ysy">
						<img src="../../../img/app/index/public.png" />
						<span>公益助学</span>
					</li>
					<li>
						<img src="../../../img/app/index/Famous%20cafe.png" />
						<span>名人大咖</span>
					</li>
					<li class="zyty_ysy">
						<img src="../../../img/app/index/occupational%20experience.png" />
						<span>职业体验</span>
					</li>
					<li class="zyty_ysy">
						<img src="../../../img/app/index/yingdi.png" />
						<span>营地教育</span>
					</li>
				</ul>
				<div class="custom_list">
					<div class="consumption">
						<img class="four01" id="four01" src="../../../img/app/index/group.png" />
					</div>
					<div class="travel">
						<img class="four02" id="four02" src="../../../img/app/index/traffic.png" />
					</div>
				</div>
				<div class="recommend">
					<!--<div class="recommend_title" id="recommend_title01">
						<img src="../../../img/app/index/promotion.png" alt="">
						<span>活 动 促 销</span>
					</div>-->
					<div class="recommend_title">
						<div class="biaoti">
							<img id="aa01" src="../../../img/app/index/Recommended.png" alt="">
							<span>活 动 促 销</span>
						</div>
						
					</div>
					<div class="recommend_row01">
						<div class="schoolOpen">
							<div class="school_img">
								<img src="../../../img/app/index/promotion1.png" alt="">
							</div>
							<div class="school_info">
								<span class="open">开学季</span>
								<span class="open_content">研学活动领跑新学期</span>
							</div>
						</div>
						<div class="km_around_box">
							<div class="km_around">
								<div class="km_around_img">
									<img src="../../../img/app/index/promotion2.png" alt="">
								</div>
								<div class="km_around_info">
									<span class="around_title">昆明周边</span>
									<span class="weekWhere">周末去哪儿</span>
								</div>
								<div class="km_around_Banner">
									<img src="../../../img/app/index/Promotion%20insets1.png" alt="">
								</div>

							</div>
						</div>
					</div>
					<div class="recommend_row02">
						<div class="recommend_row_box">
							<div class="km_around">
								<div class="km_around_img">
									<img src="../../../img/app/index/promotion3.png" alt="">
								</div>
								<div class="km_around_info">
									<span class="around_title bg1">限时优惠</span>
									<span class="weekWhere">五折起</span>
								</div>
								<div class="km_around_Banner around_banner_ysy">
									<img src="../../../img/app/index/Promotion%20insets1.png" alt="">
								</div>

							</div>
						</div>
						<div class="recommend_row_box">
							<div class="km_around">
								<div class="km_around_img">
									<img src="../../../img/app/index/promotion4.png" alt="">
								</div>
								<div class="km_around_info">
									<span class="around_title bg2">冬令营</span>
									<span class="weekWhere">一起过寒假</span>
								</div>
								<div class="km_around_Banner around_banner_ysy">
									<img src="../../../img/app/index/Promotion%20insets1.png" alt="">
								</div>

							</div>
						</div>
						<div class="recommend_row_box">
							<div class="km_around">
								<div class="km_around_img">
									<img src="../../../img/app/index/promotion5.png" alt="">
								</div>
								<div class="km_around_info">
									<span class="around_title bg3">十一国庆</span>
									<span class="weekWhere">一起嗨</span>
								</div>
								<div class="km_around_Banner around_banner_ysy">
									<img src="../../../img/app/index/Promotion%20insets1.png" alt="">
								</div>

							</div>
						</div>
					</div>
				</div>
				<div class="recommend_title">
						<div class="biaoti">
							<img id="aa01" src="../../../img/app/index/Recommended.png" alt="">
							<span>推 荐 课 程</span>
						</div>
						
				</div>
				<div class="recommend_banner">
					<div class="banner">
						<div class="hongqi">
							<div><img src="../../../img/app/index/hongqi.png"/></div>
							<span>新</span>
						</div>
						<img class="sanxia" src="../../../img/app/index/Recommended1.png" />
						<div class="sanxia-number">
							<div >
								浏览人数:57人
							</div>
							<div >
								付款人数:999人
							</div>
							
						</div>
						<div class="sanxia-number_moban">
							
						</div>
					</div>
					<div class="recommend_banner_info">
						<div class="banner_title">
							三峡科考 STEM 研学营
						</div>
						<div class="info_tuijian">
							<div class="info_content">
								<div class="price">
									<span>&yen;3980 </span>
									<span class="oldPrice" id="op">&yen;6899</span>
								</div>
								<div class="adderss">
									<img class="sanxia04" src="../../../img/app/index/location.png" />
									<span id="da">重庆 </span>
								</div>
								<div class="tag_btn">
									<span>自然探索</span>
									<span>科学研究</span>
								</div>
							</div>
							<div class="start">
								<!--<img class="sanxia03" src="../../../img/app/index/star.png" />-->
								<div class="onstar">
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
								</div>
								<div class="stopTime">
									<img class="sanxia06" src="../../../img/app/index/time.png" />
									<span class="sanxia07"> 7 天 6 晚</span>
								</div>

							</div>
						</div>
					</div>
				</div>
				<div class="recommend_banner">

					<div class="banner">
						<div class="hongqi">
							<div><img src="../../../img/app/index/hongqi.png"/></div>
							<span>新</span>
						</div>
						<img class="xiamen" src="../../../img/app/index/Recommended2.png" />
						<div class="sanxia-number">
							<div >
								浏览人数:57人
							</div>
							<div >
								付款人数:999人
							</div>
							
						</div>
						<div class="sanxia-number_moban">
							
						</div>
					</div>
					<div class="recommend_banner_info">
						<div class="banner_title">
							"五彩金砖，魅力厦门"研学营
						</div>
						<div class="info_tuijian">
							<div class="info_content">
								<div class="price">
									<span>&yen;1000</span>
									<span class="oldPrice" id="op">&yen;2880</span>
								</div>
								<div class="adderss">
									<img class="sanxia04" src="../../../img/app/index/location.png" />
									<span id="da">厦门</span>
								</div>
								<div class="tag_btn">
									<span>自然探索</span>
									<span>科学研究</span>
								</div>
							</div>
							<div class="start">
								<div class="onstar">
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
								</div>
								<div class="stopTime">
									<img class="sanxia06" src="../../../img/app/index/time.png" />
									<span class="sanxia07"> 3 天 2 夜</span>
								</div>

							</div>
						</div>
					</div>
				</div>
				<!---->
				<div class="recommend_banner">

					<div class="banner">
						<div class="hongqi">
							<div><img src="../../../img/app/index/hongqi.png"/></div>
							<span>新</span>
						</div>
						<img class="xiamen" src="../../../img/app/index/Recommended2.png" />
						<div class="sanxia-number">
							<div >
								浏览人数:57人
							</div>
							<div >
								付款人数:999人
							</div>
							
						</div>
						<div class="sanxia-number_moban">
							
						</div>
					</div>
					<div class="recommend_banner_info">
						<div class="banner_title">
							"五彩金砖，魅力厦门"研学营
						</div>
						<div class="info_tuijian">
							<div class="info_content">
								<div class="price">
									<span>&yen;1000</span>
									<span class="oldPrice" id="op">&yen;2880</span>
								</div>
								<div class="adderss">
									<img class="sanxia04" src="../../../img/app/index/location.png" />
									<span id="da">厦门</span>
								</div>
								<div class="tag_btn">
									<span>自然探索</span>
									<span>科学研究</span>
								</div>
							</div>
							<div class="start">
								<div class="onstar">
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
								</div>
								<div class="stopTime">
									<img class="sanxia06" src="../../../img/app/index/time.png" />
									<span class="sanxia07"> 3 天 2 夜</span>
								</div>

							</div>
						</div>
					</div>
				</div>
				<!---->
				
				
				<div class="recommend_banner">

					<div class="banner">
						<div class="hongqi">
							<div><img src="../../../img/app/index/hongqi.png"/></div>
							<span>新</span>
						</div>
						<img class="dianchi" src="../../../img/app/index/Recommended3.png" />
						<div class="sanxia-number">
							<div >
								浏览人数:57人
							</div>
							<div >
								付款人数:999人
							</div>
							
						</div>
						<div class="sanxia-number_moban">
							
						</div>
					</div>
					<div class="recommend_banner_info">
						<div class="banner_title">
							滇池南岸研学体验课
						</div>
						<div class="info_tuijian">
							<div class="info_content">
								<div class="price">
									<span>&yen;3980 </span>
									<span class="oldPrice" id="op">&yen;6899</span>
								</div>
								<div class="adderss">
									<img class="sanxia04" src="../../../img/app/index/location.png" />
									<span id="da">昆明</span>
								</div>
								<div class="tag_btn">
									<span>自然探索</span>
									<span>科学研究</span>
								</div>
							</div>
							<div class="start">
								<div class="onstar">
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
									<img class="sanxia03" src="../../../img/app/index/onestar.png" />
								</div>
								<div class="stopTime01">
									<img class="sanxia06" src="../../../img/app/index/time.png" />
									<span class="sanxia07">不限</span>
								</div>

							</div>
						</div>
					</div>
				</div>
				<div class="more">
					<span class="more01">查看更多</span>&nbsp;&nbsp;
					<img class="jiantou" src="../../../img/app/index/more.png" />
				</div>
				<div class="news">
					<!--<div class="recommend_title" id="recommend_title03">
						<img src="../../../img/app/index/information.png" alt="">
						<span>研 学 资 讯</span>
					</div>-->
					<div class="recommend_title">
						<div class="biaoti">
							<img id="aa01" src="../../../img/app/index/Recommended.png" alt="">
							<span>研 学 资 讯</span>
						</div>
						
					</div>
					<ul class="news_list">
						<li>
							<div class="news_info">
								<div class="news_content">

									河南省首批研学旅游示范基地名单出炉洛阳七家景区入选
								</div>
								<div class="content_info">
									<div class="content_info_con">
										<div>
											<div><span>2</span>次预览</div>
										</div>
										<div>2018年9月4日</div>
									</div>
								</div>

							</div>
							<div class="newc_img">
								<img class="ap" src="../../../img/app/index/information1.png" />
							</div>
						</li>
						<li>
							<div class="news_info">
								<div class="news_content">
									郑州7家单位候选首批省研学旅游示范基地
								</div>
								<div class="content_info">
									<div class="content_info_con">
										<div>
											<div><span>7</span>次预览</div>
										</div>
										<div>2018年8月28日</div>
									</div>
								</div>

							</div>
							<div class="newc_img">
								<img class="ap" src="../../../img/app/index/information2.png" />
							</div>
						</li>
						<li>
							<div class="news_info">
								<div class="news_content">
									海淀区研学旅游季开启国图阅读之旅
								</div>
								<div class="content_info">
									<div class="content_info_con">
										<div>
											<div><span>4</span>次预览</div>
										</div>
										<div>2018年8月7日</div>
									</div>
								</div>

							</div>
							<div class="newc_img">
								<img class="ap" src="../../../img/app/index/information3.png" />
							</div>
						</li>
					</ul>
				</div>
				<div class="more lastmore">
					<span class="more01">查看更多</span>&nbsp;&nbsp;
					<img class="jiantou" src="../../../img/app/index/more.png" />
				</div>
				<!--底部导航-->
				<div class="footerTop">
			<div class="footer2">
				<div class="diban">

				</div>
				<ul class="menu_nav">
					<li id="menu_1">
						<div class="menu_img">
							<img src="../../../img/app/index/meu/shouyese.png"/>
						</div>
						<span style="color: rgb(250,172,20)">首页</span>
					</li>
					<li id="menu_2">
						<div class="menu_img">
							<img alt="" src="../../../img/app/index/meu/fenlei.png">
						</div>
						<span >分类</span>
					</li>
					<li id="menu_3">
						<div class="menu_img">
							<img src="../../../img/app/index/meu/fenxiang.png"/>
						</div>
						<span>分享</span>
					</li>
					<li id="menu_4">
						<div class="menu_img">
							<img src="../../../img/app/index/meu/shoucang.png"/>
						</div>
						<span>收藏</span>
					</li>
					<li id="menu_5">
						<div class="menu_img">
							<img src="../../../img/app/index/meu/wode.png"/>
						</div>
						<span >我的</span>
					</li>
				</ul>
			</div>
		</div>
				<!--<div class="footerMenu_ysy">
					<ul>
						<li>
							第一个img是灰色的图
							<img src="../../../img/app/index/meu/shouye.png"/>
							第二个img是点击之后的图
							后面加ysy说明是当前页
							<span>首页ysy</span>
						</li>
						<li>
							<img src="../../../img/app/index/meu/fenleise.png"/>
							<span>分类</span>
						</li>
						<li>
							<img src="../../../img/app/index/meu/fenxiangse.png"/>
							<span>分享</span>
						</li>
						<li>
							<img src="../../../img/app/index/meu/shoucangse.png"/>
							<span>收藏</span>
						</li>
						<li>
							<img src="../../../img/app/index/meu/wodese.png"/>
							<span>我的</span>
						</li>
					</ul>
				</div>-->
				
			</div>
			
	</body>

</html>